<html>
<head>
<title>IFS Explorer</title>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="http://collins.cs.ubc.ca:8080/js/util.js"></script>
<script type="text/javascript" src="http://collins.cs.ubc.ca:8080/js/ifs.js"></script>
<script type="text/javascript" src="ifs-explorer.js"></script>
<link href='http://fonts.googleapis.com/css?family=Rationale' rel='stylesheet' type='text/css'>

<script type="text/javascript">
	$(document).ready( ifs_explorer_main )
</script>

<style type="text/css">
	body{
		font-family: Arial, Helvetica, sans-serif;
		font-size: .8em;
		background: -webkit-linear-gradient(top, #DBEBFF, #fff);
		background: -moz-linear-gradient(top, #DBEBFF, #fff) no-repeat;
	}
	table{
		font-size: 1em;
	}
	#explorer{
		border: 1px solid black;
		border-radius: 5px;
		padding: 5px;
		height: 500px;
		overflow: auto;
	}
	#viewer{
		font-family: Courier;
		border: 1px solid black;
		border-radius: 5px;
		padding: 5px;
		height: 500px;
		overflow: auto;
	}
	#test{
		border: 1px solid #ccc;
		border-radius: 5px;
		padding: 5px;
	}
	#header{
		width: 80%;
		margin: 0 auto;
	}
	#upload{
		width: 80%;
		margin: 0 auto;
	}
	a{
		color: blue;
	}
	a.path{
		color: #555;
		background-color: #ccc;
		padding: 3px;
		border: 1px solid #aaa;
		border-radius: 3px;
		text-decoration: none;	
	}
	a.path:hover{
		background-color: #eee;
		border: 1px solid #ccc;
	}
	h1{
		font-family: 'Rationale', cursive;
		font-weight: normal;
		font-size: 3em;
	}
</style>
</head>
<body>
<div id="header">
<h1>IFS Explorer</h1>
<span id="msg"></span>
<br />
<hr />
</div>
<br />
<center>
<table width="80%">
	
	<tr><td><br /></td></tr>
	<tr>
		<td valign="top" width="50%">
			IFS:/ <span id="ifs_path"></span><br /><br />
			<input type="button" onclick="ifs_explorer_mkdir()" value=" New Folder " /> &nbsp;&nbsp;
			<input type="button" onclick="ifs_explorer_upload()" value=" Upload File " /><br />&nbsp;
		</td>
		<td valign="top"  width="50%"><br /><br />
			<span id="blob_info">&nbsp;</span>
		</td>
	</tr>
	<tr>
		<td width="50%" valign="top">
			<div id="explorer">
			
			</div>		
		</td>
		<td valign="top" width="50%">
			<div id="viewer" style="overflow:auto;width:750px;">
			
			</div>
		</td>
	</tr>
</table>
</center>
<div id="upload" style="display:none">
	<br />
		<img id="spinner" src="images/spinner.gif" align="absmiddle" style="display:none" />
		<input type="file" onchange="ifs_explorer_upload(files)" />
		<br />
		<div id="upload_info" style="display:none">
		Type: <span id="upload_type"></span><br />
		Size: <span id="upload_size"></span>
		</div>
	<br />
</div>
</body>
